<template>
    <nav>
        <router-link to="picture">动图</router-link>
        <router-link to="picText">图片</router-link>
        <router-link to="text">文字</router-link>        
    </nav>
</template>

<script>
    export default{
        data(){
            return{

            }
        }
    }
</script>


<style scoped>
   nav{
       width: 100%;
       height: 48px;
       display: flex;
       justify-content: space-around;
       position: fixed;
       bottom: 0;
       line-height: 48px;
       background: #ff4753;
   }
    nav a{
        text-align: center;
        width: 100%;
        color:#fff;
    }
    .active{
        background: #333;
    }
</style>
